
<html>
<head>
<title>Beer-Factory</title>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script
	src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
<style>
.beszerzesre {
	/*display: inline-block;*/
	
}

body {
	padding: 15px;
}
</style>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet"
	href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">

<!-- Optional theme -->
<link rel="stylesheet"
	href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">

<!-- Latest compiled and minified JavaScript -->
<script
	src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>

<script src="http://tinymce.cachefly.net/4.1/tinymce.min.js"></script>
<script>
	tinymce.init({
		selector : 'textarea'
	});
</script>
</head>
<body>
	<nav class="navbar navbar-default" role="navigation">
		<div class="container-fluid">
			<!-- Brand and toggle get grouped for better mobile display -->
			<div class="navbar-header">
				<button type="button" class="navbar-toggle collapsed"
					data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
					<span class="sr-only">Toggle navigation</span> <span
						class="icon-bar"></span> <span class="icon-bar"></span> <span
						class="icon-bar"></span>
				</button>
				<a class="navbar-brand" href="#">EXPORTER</a>
			</div>


			<!-- Collect the nav links, forms, and other content for toggling -->
			<div class="collapse navbar-collapse"
				id="bs-example-navbar-collapse-1">
				<ul class="nav navbar-nav">
			
					<li><a href="export-approved-status.html">Forwarding
							products</a></li>
					<li><a href="create-sales.html">Create sales</a></li>
					<li><a href="import-sales.html">Import sales</a></li>
				</ul>
				<ul class="nav navbar-nav navbar-right">
					<li><a href="login.html">Logout</a></li>
				</ul>
			</div>
			<!-- /.navbar-collapse -->
		</div>
		<!-- /.container-fluid -->
	</nav>
	<div class="well">
		<form class="form-inline">
			<div class="form-group">
				<label for="exampleInputFile">Import orders for finished
					products</label> <input type="file" id="exampleInputFile">
			</div>
			<button class="btn btn-default" type="button">Upload import
				doc for processing</button>
		</form>
	</div>
	<div class="row">
		<!-- 
		<div class="col-md-5">
				<h1>Transport data:</h1>
				<ul>
					<li>Order id: #666</li>
					<li>Date: 2014.01.01.</li>
				</ul>
				<textarea>comments</textarea>
				</br></br>
				<button class="btn btn-success" type="button">SAVE</button>
				<button class="btn btn-warning" type="button">CANCEL</button>		
		</div>
		 -->
		 <div class="well well-sm">Feltolthet egy .xls fajlt amiben tablazatosan kesztermek megrendelesek vannak.</br>Az "Upload import
				doc for processing" gombra kattintva feltoltodik a fajl es alul tablazatosan megjelenik a tartalma, utana el lehet menteni a rendszerbe a megrendeleseket.</div>
		<div class="col-md-10 ">
			<h1>Orders: (date: 2014.09.05.)</h1>
			<div class="beszerzesre panel panel-default">
				<table class="table table-hover panel-body">
					<thead>
						<td>#</td>
						<td>Partner</td>
						<td>Beer</td>
						<td>Quantity</td>
					</thead>
					<tbody>
						<tr>
							<td>1</td>
							<td>Asd Qwe</td>
							<td>Water</td>
							<td>100l</td>
						</tr>
						<tr>
							<td>2</td>
							<td>Asd Qwe</td>
							<td>asdasd</td>
							<td>234ml</td>
						</tr>
						<tr>
							<td>3</td>
							<td>Asd Qwe</td>
							<td>aghgfn sdf</td>
							<td>140l</td>
						</tr>
						<tr>
							<td>4</td>
							<td>Mnb BVV</td>
							<td>fgfghf</td>
							<td>34kb</td>
						</tr>
						<tr>
							<td>5</td>
							<td>Mnb BVV</td>
							<td>ertnbf</td>
							<td>12kg</td>
						</tr>
						<tr>
							<td>6</td>
							<td>Mnb BVV</td>
							<td>FFkjs</td>
							<td>10l</td>
						</tr>
					</tbody>
				</table>
			</div>
			<h2>Comments</h2>
			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis
				mattis sit amet purus iaculis tincidunt. Suspendisse sit amet
				aliquam orci, vel lacinia justo. Ut in interdum quam, sit amet
				malesuada tortor. Phasellus vitae ex euismod nunc molestie
				dignissim. Maecenas pretium justo quis luctus lobortis. Suspendisse
				a enim justo. Vivamus sagittis placerat augue quis congue. Donec
				laoreet diam in nunc facilisis fringilla. Cras ullamcorper laoreet
				arcu, vel blandit tortor porttitor eu. Proin elementum molestie leo
				nec dignissim. Fusce pulvinar sapien vehicula scelerisque aliquet.</p>
		</div>
		<div class="col-md-2">
			</br>
			</br>
			<button class="btn btn-success btn-lg btn-block" type="button">SAVE</button>
			<button class="btn btn-warning btn-lg btn-block" type="button">CANCEL</button>
		</div>
	</div>
	<!-- Bootstrap core JavaScript
================================================== -->
	<!-- Placed at the end of the document so the pages load faster -->
	<script
		src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script src="js/docs.min.js"></script>

	<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
	<script src="js/ie10-viewport-bug-workaround.js"></script>
</body>
</html>